<template>
	<view class="ask-detail relative">
		<!-- 头部导航 -->
		<u-navbar :placeholder="true" leftIconColor="#737979" bgColor="#f2f8f8" title="星空问答"
			titleStyle="font-weight: 700;">
			<view class="u-nav-slot both-center" slot="left" @click="back()">
				<view class="cancel">
					<u-icon name="arrow-left" color="#737979" size="20"></u-icon>
				</view>
			</view>
		</u-navbar>
		<!-- 问题卡片 -->
		<ProbCard  :prob="dlist"/>
		<!-- 回答卡片 -->
		<view class="answer" v-for="(item,index) in answlist" :key="index">
			<AnswerCard  :answ="item" />
		</view>
	</view>
</template>

<script>
	import ProbCard from '@/components/prob-card/prob-card.vue'
	import AnswerCard from '@/components/answer-card/answer-card.vue'
	export default {
		components: {
			ProbCard,
			AnswerCard
		},
		data() {
			return {
				dlist: {
					title: '知识星球为什么要做星空问答？',
					content: `以及，我作为知识星球现有用户，应该怎样使用这款产品？`,
					name: '邱月',
					num: '8'
				},
				answlist: [{
					name: '饭团大妈',
					content: `精神追随者一直在寻觅一个乌托邦`
				},{
					name: '老喵说运营 · 前Top互联网公司运营负责人，.....',
					content: `作为一名互联网职业运营（前好未来运营主管），因双减被迫下岗后,
					做了一年的知识星球,其实对我的帮助很大.....巴拉巴拉巴拉巴拉巴拉巴拉..`
				},{
					name: '宝藏女孩 · 我有趣的灵魂，好像背着我去投胎了。。。。。',
					content: `无法匿名，大实话不会挨揍吧。用户角度: 
					把啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦`
				}]
			};
		}
	}
</script>

<style lang="scss">
	page {
		background-color: #f2f8f8;
		padding-bottom: 46px;
	}
	.answer {
		padding: 0 16px;
		margin-top: 3vh;
	}
</style>
